$(function () {
    bindClinkSmsBtn();
    registerBtn();

});

// {#点击获取验证码的按钮绑定事件#}

function bindClinkSmsBtn() {
    //点击获取验证码，并且校验
    $('#smsBtn').click(function () {
        //每次点击按钮的时候错误信息被清空
        $(".error-msg").empty();
        //获取用户输入的是手机号
        //默认生成的字段id在字段前加id_

        var mobilePhone = $('#id_mobile_phone').val();

        // {##发送ajax请求，把手机号发送过去#}

        // {#$.getJSON("/websass/send_sms/",{"mobile_phone":mobilePhone,"tpl":"register"},function (data){#}
        // {#    console.log(data);#}
        // {#)#}
        $.ajax({
            url: "/websass/send_sms/",
            type: "GET",
            data: {
                mobile_phone: mobilePhone,
                tpl: "register",
            },
            dataType: "JSON",// 将服务器返回的数据反序列化为字典
            success: function (data) {
                if (data.status) {
                    console.log("发送成功，倒计时");
                    sendSmsTime();
                } else {
                    // 错误信息
                    console.log(data)
                    $.each(data.error, function (key, value) {
                        $("#id_" + key).next().text(value[0]);
                    })
                }
            },
        })

    })

}
function registerBtn(){
    // 点击注册按钮进行注册
    $("#submitUser").click(function (){

        $(".error-msg").empty();

        // $("#regForm").serialize()  可以收集表单里面的所以数据，+csrf token

        $.ajax({
            url: "/websass/register/",
            type: "POST",
            data: $("#regForm").serialize(),
            dataType: "JSON",// 将服务器返回的数据反序列化为字典
            success: function (data) {
                if(data.status){
                    alert("注册成功")
                    location.href = data.url;
                }else {
                        $.each(data.error, function (key, value) {
                        $("#id_" + key).next().text(value[0]);
                    })

                }
            },
        })
    })
}
/*
验证码按钮的倒计时函数
*/
function sendSmsTime() {
    var $smsBtn = $("#smsBtn")
    $smsBtn.prop('disabled', true);// 禁用发送按钮
    var time = 60;
    var remind = setInterval(function () {
        $smsBtn.val(time + '秒重新发送');
        time = time - 1;
        if (time < 0) {
            clearInterval(remind);
            $smsBtn.val("点击获取验证码").prop('disabled', false)
        }
    }, 1000)
}

